﻿@{
    Layout = null;
}

<div class="panel no-border no-margin no-padding">
    <div class="panel-header bg-lightBlue fg-white"><i class="icon-dashboard"></i> DASHBAORD</div>
    
    <h3>System</h3>

    <div class="tile-group no-margin no-padding" style="display:block">
        <div class="tile bg-lightGreen">
            <div class="tile-content icon">
                <img src="@Url.Content("~/Images/cpu.png")" />
            </div>
            <div class="brand bg-darkGreen">
                <span class="name fg-white">CPU Usage</span>
                <span class="badge bg-transparent">20%</span>
            </div>
        </div>
        <div class="tile bg-yellow">
            <div class="tile-content icon">
                <img src="@Url.Content("~/Images/memory.png")" />
            </div>
            <div class="brand bg-brown">
                <span class="name fg-white">Memory</span>
                <span class="badge bg-transparent">50%</span>
            </div>
        </div>
        <div class="tile bg-lightRed">
            <div class="tile-content icon">
                <img src="@Url.Content("~/Images/freespace.png")" />
            </div>
            <div class="brand bg-darkRed">
                <span class="name fg-white">Free Space</span>
                <span class="badge bg-transparent">10%</span>
            </div>
        </div>
    </div>
    <div class="tile-group" />

    <h3>Apps & Services</h3>

    <div class="tile-group no-margin no-padding">
        <div class="tile bg-lightGreen">
            <div class="tile-content icon">
                <i class="icon-cube" />
            </div>
            <div class="brand bg-darkGreen">
                <span class="name fg-white">MSDIS</span>
                <span class="badge available"></span>
            </div>
        </div>
        <div class="tile bg-lightRed">
            <div class="tile-content icon">
                <i class="icon-cube" />
            </div>
            <div class="brand bg-darkRed">
                <span class="name fg-white">Reporting</span>
                <span class="badge busy"></span>
            </div>
        </div>
    </div>
    <div class="tile-group" />

    <h3>Data Connections</h3>

    <div class="tile-group no-margin no-padding">
        <div class="tile bg-yellow">
            <div class="tile-content icon">
                <i class="icon-database" />
            </div>
            <div class="brand bg-brown">
                <span class="name fg-white">SQL Server</span>
                <div class="badge away"></div>
            </div>
        </div>
        <div class="tile bg-lightGreen">
            <div class="tile-content icon">
                <i class="icon-broadcast" />
            </div>
            <div class="brand bg-darkGreen">
                <span class="name fg-white">SSR G/W</span>
                <span class="badge available" />
            </div>
        </div>
        <div class="tile bg-lightGreen">
            <div class="tile-content icon">
                <i class="icon-broadcast" />
            </div>
            <div class="brand bg-darkGreen">
                <span class="name fg-white">ADS-B G/W</span>
                <div class="badge available" />
            </div>
        </div>
        <div class="tile bg-lightGreen">
            <div class="tile-content icon">
                <i class="icon-broadcast" />
            </div>
            <div class="brand bg-darkGreen">
                <span class="name fg-white">MSDIS G/W</span>
                <div class="badge available" />
            </div>
        </div>
    </div>
</div>


<!--section class="page-header">
    <h3>Dashboard<br /></h3>
</!--section>

<section class="metro container">
    <div class="grid fluid">
        <div class="row">
            <div class="span10 panel no-border">
                <div class="panel-header bg-lightBlue fg-white">System</div>
            </div>
            <div class="span10">
                <div class="tile-group no-margin no-padding clearfix">
                    <div class="tile bg-lightGreen">
                        <div class="tile-content icon">
                            <img src="" />
                        </div>
                        <div class="brand bg-darkGreen">
                            <span class="name fg-white">CPU Usage</span>
                            <span class="badge bg-transparent">20%</span>
                        </div>
                    </div>
                    <div class="tile bg-yellow">
                        <div class="tile-content icon">
                            <img src="" />
                        </div>
                        <div class="brand bg-brown">
                            <span class="name fg-white">Memory</span>
                            <span class="badge bg-transparent">50%</span>
                        </div>
                    </div>
                    <div class="tile bg-lightRed">
                        <div class="tile-content icon">
                            <img src="" />
                        </div>
                        <div class="brand bg-darkRed">
                            <span class="name fg-white">Free Space</span>
                            <span class="badge bg-transparent">10%</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="span5 padding20" />

            <div class="span10 panel no-border">
                <div class="panel-header bg-lightBlue fg-white">Apps & Services</div>
            </div>
            <div class="span10">
                <div class="tile-group no-margin no-padding clearfix">
                    <div class="tile bg-lightGreen">
                        <div class="tile-content icon">
                            <i class="icon-cube" />
                        </div>
                        <div class="brand bg-darkGreen">
                            <span class="name fg-white">MSDIS</span>
                            <span class="badge available"></span>
                        </div>
                    </div>
                    <div class="tile bg-lightRed">
                        <div class="tile-content icon">
                            <i class="icon-cube" />
                        </div>
                        <div class="brand bg-darkRed">
                            <span class="name fg-white">Reporting</span>
                            <span class="badge busy"></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="span5 padding20" />

            <div class="span10 panel no-border">
                <div class="panel-header bg-lightBlue fg-white">Data Connections</div>
            </div>
            <div class="span10">
                <div class="tile-group no-margin no-padding clearfix">
                    <div class="tile bg-yellow">
                        <div class="tile-content icon">
                            <i class="icon-database" />
                        </div>
                        <div class="brand bg-brown">
                            <span class="name fg-white">SQL Server</span>
                            <div class="badge away"></div>
                        </div>
                    </div>
                    <div class="tile bg-lightGreen">
                        <div class="tile-content icon">
                            <i class="icon-broadcast" />
                        </div>
                        <div class="brand bg-darkGreen">
                            <span class="name fg-white">Radar</span>
                            <span class="badge available" />
                        </div>
                    </div>
                    <div class="tile bg-lightGreen">
                        <div class="tile-content icon">
                            <i class="icon-broadcast" />
                        </div>
                        <div class="brand bg-darkGreen">
                            <span class="name fg-white">ADS-B</span>
                            <div class="badge available" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section -->

